<ui:composition         
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:ds="http://deltaset.org/deltaset-faces"
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

   <h:form>  
  
    <p:growl id="growl" showDetail="true" />  
  
    <p:dashboard id="board" model="#{dashboardBean.model}">  
        <p:ajax event="reorder" listener="#{dashboardBean.handleReorder}" update="growl" />  
  
        <p:panel id="sports" header="Sports">  
            <h:outputText value="Sports Content" />  
        </p:panel>  
  
        <p:panel id="finance" header="Finance">  
            <h:outputText value="Finance Content" />  
        </p:panel>  
  
        <p:panel id="lifestyle" header="Lifestyle">  
            <h:outputText value="Lifestyle Content"  />  
        </p:panel>  
  
        <p:panel id="weather" header="Weather">  
            <h:outputText value="Weather Content" />  
        </p:panel>  
  
        <p:panel id="politics" header="Politics">  
            <h:outputText value="Politics Content" />  
        </p:panel>  
    </p:dashboard>  
  
</h:form>

</ui:composition>   
